@media screen {
        body { font: 100%/1.5em arial, helvetica, sans-serif; }

        /* framework */
        .clr { clear: both; }

        /* header */
        #header { background: #fff; overflow: hidden; padding: 2em; }
        #header h1 { float: left; }
        #header ul { float: right; }
        #header li { float: left; display: block; margin: 0 0 0 1em; }

        /* content */
        #content { overflow: hidden; padding: 0 2em; }
        #main { float: left; width: 50%; background: #eee; }
        #alt { background: #ccc; float: right; width: 50%; }

        /* message */
        .messagebox { margin: 0 0 1em 0; }
        .meta { font-size: .7em; color: #999; }
        .message a { background: #ddd; text-decoration: none; }
        .message a:focus,
        .message a:hover { background: #ffc; text-decoration: underline; }

        #tags li { float: left; display: block; margin: 0 1em 0 0; }

        #tags .size-1 { font-size:  .7em; }
        #tags .size-2 { font-size:  .9em; }
        #tags .size-3 { font-size: 1.1em; }
        #tags .size-4 { font-size: 1.2em; }
        #tags .size-5 { font-size: 1.3em; }
        #tags .size-6 { font-size: 1.5em; }

}